<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

<html lang="zh-CN">
<!--页头引入-->
<head>
    <title>前端用户头像自动生成模块</title>
    <meta content="{{PageDescription}}" name="Description">
    <meta content="{{PageKeywords}}" name="Keywords">
    <meta charset="UTF-8">
    <!--坑爹的IE兼容-->
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <!--坑爹的将360默认为极速模式打开-->
    <meta name="renderer" content="webkit">
    <!--移动优先-->
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <!--图标引入-->
    <!--bootstrap引入-->
    <link href="./src/css/bootstrap.css" rel="stylesheet" type="text/css"/>
    <!--24川引入-->
    <link href="./src/css/lll.css" rel="stylesheet">
    <!--本地CSS-->
    <link href="./src/css/mooshroom.css" rel="stylesheet">
    <link href="./src/css/local.css" rel="stylesheet">

</head>

<body>
<!--提示框-->
<div ms-controller="tip" class="tip">
    <div ms-repeat="tips">
        <div class="alert alert-info alert-dismissible alive-loading alive-hover" role="alert" >
            <button type="button" class="close" data-dismiss="alert" id="close">
                <span aria-hidden="true">&times;</span><span class="sr-only">Close</span>
            </button>
            <img src="./images/loading.gif">
            {{el}}
        </div>
    </div>

    <div ms-repeat="tipsError">
        <div class="alert alert-danger alert-dismissible alive-loading" role="alert" >
            <button type="button" class="close" data-dismiss="alert" id="close2">
                <span aria-hidden="true">&times;</span><span class="sr-only">Close</span>
            </button>
            <strong>提示：</strong>
            {{el}}
        </div>
    </div>

</div>


<div class="container" ms-controller="autoFace">
<h1>前端用户头像自动生成模块</h1>
    <hr/>
    <form class="form-inline">
        <div class="form-group">
            <label for="exampleInputName2">输入用户名</label>
            <input type="text" class="form-control" id="exampleInputName2" placeholder="用户名" ms-duplex="username">
        </div>

        <a  class="btn btn-default" ms-click="faceCreate">触发生成</a>
    </form>
    <form class="form-inline">
        <div class="form-group">
            <label for="exampleInputName3">输入用户名</label>
            <input type="text" class="form-control" id="exampleInputName3" placeholder="用户名" ms-duplex="username2">
        </div>

        <a  class="btn btn-default" ms-click="faceCreate">触发生成</a>
    </form>

<hr/>
     <!--实例-->
<div >
    <div class="autoface" ms-attr-face-ower="{{username}}"></div>
    <span>
        {{username}}
    </span>
</div>
    <div >
        <div class="autoface" ms-attr-face-ower="{{username2}}"></div>
    <span>
        {{username2}}
    </span>
    </div>

</div>

<div id="tip" class=" navbar-fixed-bottom container"></div>

<!--jquery-->
<script src="./src/js/jquery-1.10.2.min.js" type="text/javascript"></script>

<!--[if lt IE 9]>
<script src="http://cdn.bootcss.com/html5shiv/3.7.0/html5shiv.min.js"></script>
<script src="http://cdn.bootcss.com/respond.js/1.3.0/respond.min.js"></script>
<![endif]-->

<script src="./src/js/bootstrap.min.js"></script>

<!--avalon-->
<script src="./src/js/avalon.js"></script>
<script src="./src/js/mmRequest.js"></script>

<!--tansuyun plugins-->
<script src="./plugins/attention.js"></script>
<script src="./plugins/auto_face.js"></script>

<!--<script src="./plugins/door.js"></script>-->

<!--soul-->
<!--<script src="./config.js"></script>-->
<!--<script src="./router.js"></script>-->
<!--<script src="./config.js"></script>-->
</body>
</html>